<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <title>管理员专区</title>
      <link rel="stylesheet" href="../static/css/bootstrap.min.css">
      <link rel="stylesheet" href="../static/css/hover-min.css">
      <link rel="stylesheet" href="../static/css/style.css">
      <link rel="stylesheet" href="../static/css/content.css">
    </head>
    <body>
        <!--导航栏-->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
              <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="javascript:void(0);"><img src="../static/img/header.png"/></a>
              </div>
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav">
                      <li><a class="nav-location" href="../info/index.html">门户网站</a></li>
                      <li><a class="nav-location" href="../allmanage/index.html">综合管理</a></li>
                      <li><a class="nav-location" href="../stumanage/index.html">学生专区</a></li>
                      <li><a class="nav-location" href="../teamanage/index.html">教师专区</a></li>
                      <li class="active"><a href="#">管理员专区</a></li>
                      <li><a class="nav-location" href="../dailyjob/index.html">日常办公</a></li>
                      <li><a class="nav-location" href="#">关于我们</a></li>
                  </ul>
              </div>
            </div>
        </nav>

        <!--左侧菜单栏-->
        <div id="menuLeft">
            <ul>
                <li class="active"><a href="#pro-equip"><span>设备仪器管理</span></a></li>
                <li><a href="#pro-labRoom"><span>实验室管理</span></a></li>
                <li><a href="#pro-order"><span>预约管理</span></a></li>
            </ul>
        </div>

        <!--内容块-->
        <div class="content">
            <div id="pro-equip">
                 <h3>设备仪器管理</h3>
                <div class="flex-box">
                  <div class="hvr-pulse" id="pro-equipAdd" data-toggle="modal" data-target="#pro-equipAdd-modal">
                      <div class="pro-equipName">添加</div>
                  </div>
                  <div class="card hvr-bounce-in" data-assetName="西瓜刀">
                      <div class="pro-equipName">西瓜刀</div>
                      <div class="pro-buttonGroup">
                          <button class="btn btn-danger" class="pro-equipDelete-btn" data-toggle="modal" data-target="#pro-equipDelete-modal">删除</button>
                          <button class="btn btn-success" class="pro-equipUpdate-btn" data-toggle="modal" data-target="#pro-equipUpdate-modal">修改</button>
                      </div>
                  </div>
                  <div class="card hvr-bounce-in" data-assetName="狼牙棒">
                      <div class="pro-equipName">狼牙棒</div>
                      <div class="pro-buttonGroup">
                          <button class="btn btn-danger" class="pro-equipDelete-btn" data-toggle="modal" data-target="#pro-equipDelete-modal">删除</button>
                          <button class="btn btn-success" class="pro-equipUpdate-btn" data-toggle="modal" data-target="#pro-equipUpdate-modal">修改</button>
                      </div>
                  </div>
                </div>
            </div>

            <div id="pro-labRoom" style="display: none;">
                <h3>实验室管理</h3>
                <div class="flex-box">
                  <div class="hvr-pulse" id="pro-labRoomAdd" data-toggle="modal" data-target="#pro-labRoomAdd-modal">
                      <div class="pro-labRoomName">添加</div>
                  </div>
                  <div class="card hvr-bounce-in" data-labRoomName="信工805">
                      <div class="pro-labRoomName">信工805</div>
                      <div class="pro-buttonGroup">
                          <button class="btn btn-danger" class="pro-labRoomDelete-btn" data-toggle="modal" data-target="#pro-labRoomDelete-modal">删除</button>
                          <button class="btn btn-success" class="pro-labRoomUpdate-btn" data-toggle="modal" data-target="#pro-labRoomUpdate-modal">修改</button>
                      </div>
                  </div>
                  <div class="card hvr-bounce-in" data-labRoomName="信工806">
                      <div class="pro-labRoomName">信工806</div>
                      <div class="pro-buttonGroup">
                          <button class="btn btn-danger" class="pro-labRoomDelete-btn" data-toggle="modal" data-target="#pro-labRoomDelete-modal">删除</button>
                          <button class="btn btn-success" class="pro-labRoomUpdate-btn" data-toggle="modal" data-target="#pro-labRoomUpdate-modal">修改</button>
                      </div>
                  </div>
                </div>
            </div>

            <div id="pro-order" style="display: none;">
                <h3>预约管理</h3>
                <div id="pro-lab-order">
                  <div class="lab-order order hvr-sweep-to-right">
                    <div class="labOrderId">0001</div>
                    <div class="labOrderDate">2016-5-21</div>
                    <div class="labOrderContent">机器人实验 第一周 周五 第1、2节</div>
                    <div class="labOrderApplicant">from: sid</div>
                    <div class="pro-order-btnGroup">
                        <button class="btn btn-success labOrder-confirm-btn">批准</button>
                        <button class="btn btn-danger labOrder-refuse-btn">拒绝</button>
                    </div>
                  </div>
                  <div class="lab-order order hvr-sweep-to-right">
                      <div class="labOrderId">0002</div>
                      <div class="labOrderDate">2016-5-21</div>
                      <div class="labOrderContent">足球实验 第二周 周四 第5、6节</div>
                      <div class="labOrderApplicant">from: mingen</div>
                      <div class="pro-order-btnGroup">
                          <button class="btn btn-success labOrder-confirm-btn">批准</button>
                          <button class="btn btn-danger labOrder-refuse-btn">拒绝</button>
                      </div>
                  </div>
                </div>
                <div id="pro-equip-order">
                  <div class="equip-order order hvr-sweep-to-right">
                    <div class="equipOrderId">0003</div>
                    <div class="equipOrderDate">2016-5-21</div>
                    <div class="equipOrderContent">西瓜刀 10件 5天</div>
                    <div class="equipOrderApplicant">from: sid</div>
                    <div class="pro-order-btnGroup">
                        <button class="btn btn-success" class="equipOrder-confirm-btn">批准</button>
                        <button class="btn btn-danger" class="equipOrder-refuse-btn">拒绝</button>
                    </div>
                  </div>
                  <div class="equip-order order hvr-sweep-to-right">
                    <div class="equipOrderId">0004</div>
                    <div class="equipOrderDate">2016-5-21</div>
                    <div class="equipOrderContent">狼牙棒 5件 10天</div>
                    <div class="equipOrderApplicant">from: mingen</div>
                    <div class="pro-order-btnGroup">
                        <button class="btn btn-success" class="equipOrder-confirm-btn">批准</button>
                        <button class="btn btn-danger" class="equipOrder-refuse-btn">拒绝</button>
                    </div>
                  </div>
                </div>
            </div>


        </div>

        <!-- 删除设备提示框 -->
        <div class="modal fade" id="pro-equipDelete-modal" tabindex="-1" role="dialog" aria-labelledby="pro-equipDelete-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="pro-equipDelete-modal-label">西瓜刀</h4>
              </div>
              <div class="modal-body">
                  <p>确定要删除吗？</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger" id="pro-equipDelete">删除</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 删除设备提示框 -->
        <div class="modal fade" id="pro-labRoomDelete-modal" tabindex="-1" role="dialog" aria-labelledby="pro-labRoomDelete-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="pro-labRoomDelete-modal-label">信工805</h4>
              </div>
              <div class="modal-body">
                  <p>确定要删除吗？</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger" id="pro-labRoomDelete">删除</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 修改设备框 -->
        <div class="modal fade" id="pro-equipUpdate-modal" tabindex="-1" role="dialog" aria-labelledby="pro-equipUpdate-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="pro-equipUpdate-modal-label">西瓜刀</h4>
              </div>
              <div class="modal-body">
                  <div class="pro-equipUpdateInput">
                      分类代码:<select class="form-control" id="pro-input-classNo">
                                <option>分类代码</option>
                                <option>05010100</option>
                                <option>05041105</option>
                                <option>13010200</option>
                                <option>13010300</option>
                                <option>03040310</option>
                                <option>05070300</option>
                                <option>05010902</option>
                                <option>05030604</option>
                            </select>
                      分类名称:<select class="form-control" id="pro-input-className">
                                 <option>分类名称</option>
                                 <option>电子设备</option>
                                 <option>光学仪器</option>
                                 <option>钢木家具</option>
                                 <option>机器人</option>
                                 <option>计算机网络设备</option>
                            </select>
                      外文名称:<input type="text" class="form-control" id="pro-input-originName" placeholder="外文名称">
                      申购单位:<select class="form-control" id="pro-input-purchaseUnit">
                                 <option>申购单位</option>
                                 <option>信息工程学院软件工程系</option>
                                 <option>信息工程学院遥感与科学系</option>
                                 <option>信息工程学院地理信息系统</option>
                                 <option>信息工程学院测绘工程</option>
                                 <option>信息工程学院信息工程</option>
                             </select>
                      价值类型:<input type="text" class="form-control" id="pro-input-valueType" placeholder="价值类型">
                      单价:<input type="text" class="form-control" id="pro-input-unitPrice" placeholder="单价">
                      发票号:<input type="text" class="form-control" id="pro-input-invoiceNum" placeholder="发票号">
                      计量单位:<input type="text" class="form-control" id="pro-input-measurementUnit" placeholder="计量单位">
                      购置日期:<input type="text" class="form-control" id="pro-input-purchaseDate" placeholder="购置日期">
                      经费来源:<select class="form-control" id="pro-input-financialRes">
                                 <option>经费来源</option>
                                 <option>计算机学院</option>
                                 <option>地学院</option>
                                 <option>资源学院</option>
                                 <option>教务处</option>
                                 <option>珠宝学院</option>
                             </select>
                      资产来源:<select class="form-control" id="pro-input-assetRes">
                                <option>资产来源</option>
                                <option>计算机学院</option>
                                <option>地学院</option>
                                <option>资源学院</option>
                                <option>教务处</option>
                                <option>珠宝学院</option>
                             </select>
                      经手人:<input type="text" class="form-control" id="pro-input-handlePerson" placeholder="经手人">
                      记账类型:<input type="text" class="form-control" id="pro-input-chargeType" placeholder="记账类型">
                      验收日期:<input type="text" class="form-control" id="pro-input-checkDate" placeholder="验收日期">
                      货到日期:<input type="text" class="form-control" id="pro-input-receptDate" placeholder="货到日期">
                      采购形式:<select class="form-control" id="pro-input-purchaseForm">
                                <option>采购形式</option>
                                <option>招标采购</option>
                                <option>非招标采购</option>
                            </select>
                      管理部门<select class="form-control" id="pro-input-managePart">
                                <option>管理部门</option>
                                <option>信息工程学院</option>
                                <option>计算机学院</option>
                                <option>地学院</option>
                                <option>资源学院</option>
                                <option>教务处</option>
                                <option>珠宝学院</option>
                            </select>
                      学科类别:<select class="form-control" id="pro-input-subjectType">
                                <option>学科类别</option>
                                <option>一级学科</option>
                                <option>二级学科</option>
                            </select>
                      学科:<select class="form-control" id="pro-input-subject">
                              <option>学科</option>
                              <option>软件工程</option>
                              <option>遥感与科学</option>
                              <option>地理信息系统</option>
                              <option>测绘工程</option>
                              <option>信息工程</option>
                        </select>
                      备注:<input type="text" class="form-control" id="pro-input-remark" placeholder="备注">
                      财务意见:<input type="text" class="form-control" id="pro-input-finantialOpinion" placeholder="财务意见">
                      采购人:<input type="text" class="form-control" id="pro-input-purchasingAgent" placeholder="采购人">
                      型号:<input type="text" class="form-control" id="pro-input-modal" placeholder="型号">
                      规格:<input type="text" class="form-control" id="pro-input-standard" placeholder="规格">
                      出厂日期:<input type="text" class="form-control" id="pro-input-productionDate" placeholder="出厂日期">
                      国别:<input type="text" class="form-control" id="pro-input-country" placeholder="国别">
                      生产厂家:<input type="text" class="form-control" id="pro-input-manufacture" placeholder="生产厂家">
                      品牌:<input type="text" class="form-control" id="pro-input-brand" placeholder="品牌">
                      功率:<input type="text" class="form-control" id="pro-input-power" placeholder="功率">
                      保修截止日期:<input type="text" class="form-control" id="pro-input-estimatedExpirationDate" placeholder="保修截止日期">
                      使用年限:<input type="text" class="form-control" id="pro-input-durableYears" placeholder="使用年限">
                      销售商:<input type="text" class="form-control" id="pro-input-retailer" placeholder="销售商">
                      数量:<input type="text" class="form-control" id="pro-input-number" placeholder="数量">

                  </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="post-equipUpdate">修改</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 修改实验室框 -->
        <div class="modal fade" id="pro-labRoomUpdate-modal" tabindex="-1" role="dialog" aria-labelledby="pro-labRoomUpdate-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="pro-labRoomUpdate-modal-label">信工805</h4>
              </div>
              <div class="modal-body">
                  <div class="pro-labRoomInfo">
                    <div class="pro-labRoomInfo-labRoomName">实验室名称：信工805</div>
                    <div class="pro-labRoomInfo-labRoomType">实验室类型：昂贵</div>
                    <div class="pro-labRoomInfo-labRoomIntro">简介：卧槽</div>
                  </div>
                  <div class="pro-labRoomUpdateInput">
                      <input type="text" class="form-control" id="pro-input-labRoomName" placeholder="实验室名称">
                      <input type="text" class="form-control" id="pro-input-labRoomType" placeholder="实验室类型">
                      <textarea type="text" class="form-control" id="pro-input-labRoomIntro" placeholder="简介..."></textarea>
                  </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="post-labRoomUpdate">修改</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 添加设备框 -->
        <div class="modal fade" id="pro-equipAdd-modal" tabindex="-1" role="dialog" aria-labelledby="pro-equipAdd-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="pro-equipAdd-modal-label">添加设备</h4>
              </div>
              <div class="modal-body">
                <input type="text" class="form-control" id="pro-input-add-assetName" placeholder="设备名称">
                <select class="form-control" id="pro-input-add-classNo">
                    <option>分类代码</option>
                    <option>05010100</option>
                    <option>05041105</option>
                    <option>13010200</option>
                    <option>13010300</option>
                    <option>03040310</option>
                    <option>05070300</option>
                    <option>05010902</option>
                    <option>05030604</option>
                </select>
                <select class="form-control" id="pro-input-add-className">
                    <option>分类名称</option>
                    <option>电子设备</option>
                    <option>光学仪器</option>
                    <option>钢木家具</option>
                    <option>机器人</option>
                    <option>计算机网络设备</option>
                </select>
                <input type="text" class="form-control" id="pro-input-add-originName" placeholder="外文名称">
                <select class="form-control" id="pro-input-add-purchaseUnit">
                    <option>申购单位</option>
                    <option>信息工程学院软件工程系</option>
                    <option>信息工程学院遥感与科学系</option>
                    <option>信息工程学院地理信息系统</option>
                    <option>信息工程学院测绘工程</option>
                    <option>信息工程学院信息工程</option>
                </select>
                <input type="text" class="form-control" id="pro-input-add-valueType" placeholder="价值类型">
                <input type="text" class="form-control" id="pro-input-add-unitPrice" placeholder="单价">
                <input type="text" class="form-control" id="pro-input-add-invoiceNum" placeholder="发票号">
                <input type="text" class="form-control" id="pro-input-add-measurementUnit" placeholder="计量单位">
                <input type="text" class="form-control" id="pro-input-add-purchaseDate" placeholder="购置日期">
                <select class="form-control" id="pro-input-add-financialRes">
                    <option>经费来源</option>
                    <option>计算机学院</option>
                    <option>地学院</option>
                    <option>资源学院</option>
                    <option>教务处</option>
                    <option>珠宝学院</option>
                </select>
                <select class="form-control" id="pro-input-add-assetRes">
                    <option>资产来源</option>
                    <option>计算机学院</option>
                    <option>地学院</option>
                    <option>资源学院</option>
                    <option>教务处</option>
                    <option>珠宝学院</option>
                </select>
                <input type="text" class="form-control" id="pro-input-add-handlePerson" placeholder="经手人">
                <input type="text" class="form-control" id="pro-input-add-chargeType" placeholder="记账类型">
                <input type="text" class="form-control" id="pro-input-add-checkDate" placeholder="验收日期">
                <input type="text" class="form-control" id="pro-input-add-receptDate" placeholder="货到日期">
                <select class="form-control" id="pro-input-add-purchaseForm">
                    <option>采购形式</option>
                    <option>招标采购</option>
                    <option>非招标采购</option>
                </select>
                <select class="form-control" id="pro-input-add-managePart">
                    <option>管理部门</option>
                    <option>信息工程学院</option>
                    <option>计算机学院</option>
                    <option>地学院</option>
                    <option>资源学院</option>
                    <option>教务处</option>
                    <option>珠宝学院</option>
                </select>
                <select class="form-control" id="pro-input-add-subjectType">
                    <option>学科类别</option>
                    <option>一级学科</option>
                    <option>二级学科</option>
                </select>
                <select class="form-control" id="pro-input-add-subject">
                    <option>学科</option>
                    <option>软件工程</option>
                    <option>遥感与科学</option>
                    <option>地理信息系统</option>
                    <option>测绘工程</option>
                    <option>信息工程</option>
                </select>
                <input type="text" class="form-control" id="pro-input-add-remark" placeholder="备注">
                <input type="text" class="form-control" id="pro-input-add-finantialOpinion" placeholder="财务意见">
                <input type="text" class="form-control" id="pro-input-add-purchasingAgent" placeholder="采购人">
                <input type="text" class="form-control" id="pro-input-add-modal" placeholder="型号">
                <input type="text" class="form-control" id="pro-input-add-standard" placeholder="规格">
                <input type="text" class="form-control" id="pro-input-add-productionDate" placeholder="出厂日期">
                <input type="text" class="form-control" id="pro-input-add-country" placeholder="国别">
                <input type="text" class="form-control" id="pro-input-add-manufacture" placeholder="生产厂家">
                <input type="text" class="form-control" id="pro-input-add-brand" placeholder="品牌">
                <input type="text" class="form-control" id="pro-input-add-power" placeholder="功率">
                <input type="text" class="form-control" id="pro-input-add-estimatedExpirationDate" placeholder="保修截止日期">
                <input type="text" class="form-control" id="pro-input-add-durableYears" placeholder="使用年限">
                <input type="text" class="form-control" id="pro-input-add-retailer" placeholder="销售商">
                <input type="text" class="form-control" id="pro-input-add-number" placeholder="数量">
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="post-equipAdd">添加</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 添加实验室框 -->
        <div class="modal fade" id="pro-labRoomAdd-modal" tabindex="-1" role="dialog" aria-labelledby="pro-labRoomAdd-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="pro-labRoomAdd-modal-label">添加实验室</h4>
              </div>
              <div class="modal-body">
                  <input type="text" class="form-control" id="pro-input-add-labRoomNo" placeholder="实验室房间号">
                <input type="text" class="form-control" id="pro-input-add-labRoomName" placeholder="实验室名称">
                <input type="text" class="form-control" id="pro-input-add-labRoomType" placeholder="实验室类型">
                <textarea type="text" class="form-control" id="pro-input-add-labRoomIntro" placeholder="简介..."></textarea>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="post-labRoomAdd">添加</button>
              </div>
            </div>
          </div>
        </div>

        <script src="../static/js/jquery.min.js"></script>
        <script src="../static/js/bootstrap.min.js"></script>
        <script src="../static/js/style.js"></script>
        <script src="../static/js/promanage.js"></script>
        <script>
        </script>
    </body>
</html>
